<!DOCTYPE html>
<html lang="en-us">

<head>
    <title>Horange的自习室</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" type="text/css" href="index.css" />
    <link rel="stylesheet" type="text/css" href="ti.css" />
    <link rel="stylesheet" type="text/css" href="tm.css" />
    <link rel="stylesheet" type="text/css" href="s.css" />
    <link rel="stylesheet" type="text/css" href="music.css" />
    <link rel="stylesheet" type="text/css" href="sand.css" />
    <script src="wallpaperEngine.js"></script>
    <script src="util.js"></script>
    <script src="start.js"></script>
    <script src="tick.js"></script>
    <script src="ti.js"></script>
    <script src="cgpg.js"></script>
    <script src="tm.js"></script>
    <script src="cs.js"></script>
    <script src="music.js"></script>
    <script src="s.js"></script>
    <!--Confortaa字体来自Google fonts @Johan Aakerlund-->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;600;700&display=swap" rel="stylesheet" />
</head>

<body onload="onStart()">
    <video src="" autoplay loop muted id="video" style="display:none;"></video>
    <!--主页面-->
    <div id="m" class="m">
        <div id="ti" class="ti">
            <span id="ti_h" class="ti_h">HH:MM:SS</span><br>
            <!-- <div class="dvd" id="dvd"></div> -->
            <span id="ti_d" class="ti_d">YYYY/MM/DD</span>
        </div>

        <div id="dgk" class="blurr" style="top:16px; left:50%; transform:translate(-50%,0); text-align:center; color:white;">
            <span class="gk_l">距离23高考还有</span><br>
            <span id="gk" class="ti_d">233</span>
            <span class="gk_l">天</span>
        </div>

        <div class="music">
            <!--原图标来自iconfont @袁小豆MY-->
            <img src="imgs/rainstop.svg" title="rain" onclick="play(0)" id="rain">
            <!--原图标来自iconfont @怪叔叔的糊涂生涯-->
            <img src="imgs/seastop.svg" title="sea" onclick="play(1)" id="sea">
            <!--原图标来自iconfont @无风止境-->
            <img src="imgs/firestop.svg" title="fire" onclick="play(2)" id="fire">
        </div>

        <div id="tm" class="tm" style="display: none">
            <button class="btm" title="hide" type="button" onclick="vis()">
                <!-- <div class="sand_u"></div> -->
                <!-- <div class="sand_d"></div> -->
                <div class="blurr" id="tmb" style="width:188px;">
                    <span id="tm_t" class="ti_d">HH:MM:SS</span>
                </div>
            </button>
        </div>
    </div>

    <!--设置页面-->
    <div id="s" class="s" style="display: none">
        <div class="sti">
            <input class="intm" id="intm" title="minute" value="0" />
            <button class="ad" title="+15" type="button" onclick="ad()">+15</button>
            <button class="mi" title="-15" type="button" onclick="mi()">-15</button>
            <br />
            <span class="dw">Minutes</span>
            <br />
            <button class="bugo" title="Go" type="button" onclick="sttm()">
                Go!
            </button>
        </div>

        <button class="giveUp" id="fh" onclick="hide_fh()">
            <div>
                <span class="gtxt">可在WE中关闭 &nbsp;&nbsp; You can hide this in WE</span><br>
                <span class="gtit">关于设置页面丑的一些问题</span><br>
                <span class="gtxt">因为这只是个后台设置页面，所以目前没把主要精力放在这里，目前也就基本上就这样了。<br>
                    后期可能会考虑，但近期应该不会有太大变动。</span><br>
                <span class="gtit">Sth. about why setting page is so ugly</span><br>
                <span class="gtxt">Due to it is only a background setting page, so I only paid a little attention on
                    it.<br>
                    I will consider editing it later, but recently it won't change.</span>
            </div>
        </button>

        <button class="upd" id="upd" onclick="hide_upd()">
            <div>
                <h1>v3.1</h1>
                <h2>Added</h2>
                <h3>1. 背景支持视频</h3>
            </div>
        </button>

        <div class="author">
            <span>Made by&nbsp;</span><span style="color: orange;">HORANGE321</span>
        </div>
    </div>
    <button class="set" title="settings" type="button" onclick="cgpg()"></button>
</body>

</html>